.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  padding: var(--spacing-3);
  background-color: var(--severity-critical-10);
  border-radius: var(--border-radius-md);
}

.head {
  display: flex;
  gap: var(--spacing-1half);
  align-items: center;
}

.icon {
  width: 0.875rem;
  height: 0.875rem;
  color: var(--severity-critical-100);
}

.text {
  font-size: var(--font-size-4);
  color: var(--severity-critical-100);
}

.link {
  font-size: var(--font-size-3);
  color: var(--callout-danger-link);
  text-decoration: underline;
  transition: opacity var(--default-animation-duration)
    var(--default-timing-function);
}

.link:hover {
  opacity: 0.8;
}
